<template>
  <div id="app">
    <!-- <img src="./assets/logo.png"> -->
  <!--   
    <div>
      <router-link :to=" {name:'haha',params:{id:2,s:3}} ">Page1</router-link>
    </div> -->
    
    <div>
      <router-link to="/page2">Page2</router-link>
    </div>
   
  <!--   <div>
      <router-link to="/user/xianyu">动态路由咸鱼</router-link>
      <router-link to="/user/mengxiang">动态路由梦想</router-link>
    </div> -->
    <div>
      <router-link :to=" {name:'h'} ">h</router-link>
    </div>
    <div>
      <router-link :to=" {name:'index',params:{id:2,s:3}} ">element</router-link>
    </div>
    
   <!--  <div>
      <router-link :to=" {name:'vants'} ">Vant</router-link>
    </div> -->

   <!--   <div>
      <router-link :to=" {name:'muse'} ">MuseUi</router-link>
    </div> -->

    <div>
      <router-view></router-view>
    </div>
   
  </div>
</template> 





<script>
export default {
  name: 'App'
}


console.log(9999);
</script>


<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
